 body { font-family:"Microsoft Yahei";  font-size:12px;  position: relative; background:#fcfcfc;}
.clear { clear:both; height:0; font-size:0; overflow:hidden; }
a { outline:none;}
.page,ol,ul{margin:0;padding:0; list-style:none; }



.page .page-title{ width:100%; height:60px; background:#ff0000; clear:both; position:fixed; z-index:9;opacity:.85;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);}
.page .page-title  .back { margin-left:10px; margin-top:15px;}
.page .page-title  ul.title-btn { float:right; padding:16px 0;}
.page .page-title  ul.title-btn li { float:left; margin-right:10px; padding:3px 10px; border-radius:3px; overflow:hidden;}

.page .page-title  ul.title-btn a { color:#fff; }
.page .page-title  ul.title-btn a i { float:left;}
.page .page-title  ul.title-btn a span { float:left; line-height:24px;}
.page .page-title  ul.title-btn li:hover  { background:#fff;}
.page .page-title  ul.title-btn li:hover  a { color:#FF0004;}
 
.page .page-title .search-small-box .search { margin:0; padding:12px 8px;   position:relative; }
.page .page-title .search-small-box .search input { padding-right:35px; height:35px; border-radius:50px; width:260px; text-indent:15px; border:none; outline:none; padding-left:24px;}
.page .page-title .search-small-box .btn_search { position:absolute; cursor:pointer; top:17px; right:18px; width:24px; height:24px; background-position:0 -48px; text-indent:-9999px; left:16px;  right:0;}
/*.page .page-title .search-small-box .btn_search:hover { background-position:-24px -48px;}
*/.page .page-title .search-small-box .search input:focus { width:300px;-webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -o-transition: all 1s ease;transition: all 1s ease;}
.page .page-title .search-small-box a { margin-top:16px;} 
.page  .page-title-bg { background:url(../../images/statisticsData/tar_bg.png) repeat-x; position:fixed; height:60px; width:100%; z-index:7;}
.page  .page-title-copy { height:60px; width:1px;}
.page .page-title .search-small-box .arrow-switch{ position:absolute; right:12px; top:15px; width:30px; height:30px; background:#fdcc97; border-radius:100%; cursor:pointer;}
.page .page-title .search-small-box .arrow-switch b{ display:block; width:24px; height:24px; margin:3px; background:url(../images/miniplus_public.png) -180px 0 no-repeat;}
.page .page-title .search-small-box .arrow-switch:hover{ background:#f3ab5d; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -webkit-transition:all 1s ease; transition:all 1s ease;}
.page .page-title .search-small-box .arrow-switch:hover b{ -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); -moz-transition:all 1s ease; -ms-transition:all 1s ease; -webkit-transition:all 1s ease; transition:all 1s ease;}
/*查询BOX*/
.page-search-box { position: relative; padding:20px; min-width:800px; background:#f6f8fd; border-bottom:1px solid #eeeff1;}
.page-search-box  ul li { float:left; margin:5px 15px;}
.page-search-box  input { margin:0 5px; padding:8px; text-align:center; border:1px solid #BBD2D5;  }
.page-search-box  input:focus { border:1px solid #39C199; -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -o-transition: all 1s ease;transition: all 1s ease;}
.page-search-box  .btn { padding:8px 20px; background:#1ec18e; color:#fff; font-size:12px;}

 .page-search-box .set-btn{ position: absolute; right:0; bottom: 0;}
 .page-search-box .set-btn a{ position: relative; width: 30px; height: 30px; display:block; overflow: hidden;}
 .page-search-box .set-btn a::before{ position: absolute; display: block; content: ""; right:-2px; bottom:0px; width: 24px; height: 24px; background:url(../images/miniplus_public.png) -180px -24px no-repeat; z-index: 2;}
 .page-search-box .set-btn a::after{ position: absolute; display: block; content: ""; width: 60px; height: 60px; top: 6px; left:6px; background: #21a880; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); z-index: 1;}

 .page-search-box .set-btn-box{ position: absolute; right: 0;}
 .page-search-box .set-btn-box ul{ border: 1px solid #21aa82; background:#fff; padding: 10px;}
 .page-search-box .set-btn-box ul li{ float:none; margin:0; height: 34px;}
 .page-search-box .set-btn-box ul li a{ height: 34px; min-width:100px; line-height:34px; display:block;}
 .ico-state{  width:12px; height:12px; border:1px solid #cccccc; background-color:#fff; margin:5px; border-radius:100%;  display:block; }
 .ico-state.default{ background:#cccccc url(../../images/statisticsData/miniplus_public.png) -180px -125px;}
 .ico-state.active{ background:#21aa82 url(../../images/statisticsData/miniplus_public.png) -180px -125px; border-color:#21aa82;}
 .page-search-box .set-btn-box ul li .ico-state{ float:left; margin:5px;}

 .page-search-box .set-btn-box ul li .t{ float:left; line-height:34px;}

/*设置BOX*/
.page-setting-box{ padding:0 20px;}
.page-setting-box .l{ float:left;}
.page-setting-box .l li{ position:relative; float:left; margin-right:20px; margin-top:20px;}
.page-setting-box .l li a{ position:relative; height:30px; width:145px; text-align:center; color:#21aa82; display:inline-block; line-height:30px; border:1px solid #21aa82;}
.page-setting-box .l li a .ico-down{ position:absolute; width:30px; height:30px; right:0; top:0; background:url(../images/miniplus_public.png) -180px -96px no-repeat; display:block;}
.page-setting-box .l li a:hover{ background:#e9f4f1; text-decoration:none !important;}
.page-setting-box .l li a:active .ico-down{ background-position:-204px -96px;} 
.page-setting-box .l li a.active{ background:#21aa82; color:#fff;}

.page-setting-box .drop-down-box{ position:absolute; top:32px; left:0; -moz-box-shadow:0 2px 3px rgba(0,0,0,0.1); -ms-box-shadow:0 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1); box-shadow:0 2px 3px rgba(0,0,0,0.1);}
.page-setting-box .drop-down-box li{float:none; margin:0; height:40px;}
.page-setting-box .drop-down-box li a{ height:40px; line-height:40px; border:none; border:1px solid #e6e6e6;; border-bottom:1px solid #ebebeb; border-top:none; background:#fff;}
.page-setting-box .drop-down-box li a:hover{ background:#fdf6ef;}


.page-setting-box .r{ float:right; width:80px; margin-top:20px;}
.page-setting-box .r .icon{ float:left; width:24px; height:24px; display:block; margin-left:15px; text-indent:-999999%;}
.page-setting-box .r .icon.setting{ background:url(../../images/statisticsData/miniplus_public.png) -180px -48px no-repeat;}
.page-setting-box .r .icon.setting:hover,.page-setting-box .r .icon.setting.active{ background-position: -204px -48px;}
.page-setting-box .r .icon.download{ background:url(../../images/statisticsData/miniplus_public.png) -180px -72px no-repeat;}
.page-setting-box .r .icon.download:hover,.page-setting-box .r .icon.download.active{ background-position: -204px -72px;}

/*表格BOX*/
.page-table-box { margin:20px;}
.page-table-box .table thead  td{ font-weight:bold; text-align:center;} 
.page-table-box .table a { text-decoration:underline;}
.page-table-box .table tr:nth-child(2n) { background:#fcfcfc;}

.table-list-more { margin:0; padding:0;}
.table-list-more  li { padding:9px  20px; }
.table-list-more  li  label { min-width:120px;}
.table-list-more  li:nth-child(2n) { background:#f8f8f8;}

.page-table-box  .operation { display:table; margin:0 auto; width:auto; color:#C0C0C0;}
.page-table-box  .operation.ora,.page-table-box  .operation.ora a{ color:#fcaa51;}
.page-table-box  .operation a { margin:0 10px; color:#21aa82;}
.page-table-box  .operation a:hover { color:#ff0000;}

.page-table-box  .operation a.more{ position:relative; margin:0; padding:6px 10px; padding-right:4px; background:#fff; display:inline-block; border:1px solid #fff; border-bottom:none; z-index:2;}
.page-table-box  .operation a.more:hover,.page-table-box  .operation a.more.active{ border:1px solid #fcaa51; border-bottom:none;}
.page-table-box  .operation a .arrow{ width:10px; height:5px; margin:0 4px; display: inline-block; background:url(../images/table_arrow.png) no-repeat;}
.page-table-box  .operation .more-box{ position:relative; display:inline-block;}
.page-table-box  .operation .more-list{ position:absolute; top:28px; right:0px; padding:10px 0; width:120px; border:1px solid #fcaa51; background:#fff; z-index:1;}
.page-table-box  .operation .more-list a{ text-align:right;color:#fcaa51; text-decoration:none; padding:6px 0; padding-right:12px; display:block;}
.page-table-box  .operation .more-list a:hover{  color:#ff0000;text-decoration:underline;}
.page-table-box  .operation .more-list a.disable{ color:#b3b3b3;}
.page-table-box  .operation .more-list a.disable:hover{ text-decoration:none;}
/*首页常用*/
.page-main{ clear:both;}
 
.page .quick  ul { list-style:none; padding:10px;}
.page .quick  li { float:left; text-align:center; padding:35px 60px; position:relative; opacity:0.9;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
.page .quick  li  .pic  {   width:55px; height:55px;   }
.page .quick  li  a { color:#444242; font-size:13px; outline:none; }
.page .quick  li:hover { background:#f8f8f8;}
.page .quick  li  p{ padding:5px 0;}
.page .quick  li .close { display:none; position:absolute; right:15px; top:10px; color:#000; font-weight:normal;}
.page .quick  li:hover {  opacity:1;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.page .quick  li:hover .close { display:block;}



/*首页常用菜单添加*/

.page-main-add { margin::0;padding:0; background:#fff; clear:both;}
.page-main-add .title { padding-left:15px; height:45px; line-height:45px; color:#989898; border-bottom:1px solid #e0e0e0;}
.page-main-add .left{ position:fixed; width:70%; height:100%; overflow:hidden;}
.page-main-add .right{ float:right; z-index:8; width:30%; min-height:500px; border-left:1px solid #e0e0e0; }

.page-main-add .right  ul { margin:10px 0px;}
.page-main-add .right  ul li { padding:16px 20px; font-size:12px;   position:relative; cursor:pointer;}
.page-main-add .right  ul li span { padding-left:12px;}
.page-main-add .right  ul li b{ float:right; padding:5px 15px; background:#1ec18e; color:#fff; border-radius:4px; font-weight:normal;  display:none;}
.page-main-add .right  ul li b:hover {  background:#0f8b64;  } 
.page-main-add .right  ul li:hover  { background:#f2f2f2; color:#000; }
.page-main-add .right  ul li:hover  b{display:block; }
.page-main-add .right  ul li.enable { opacity:.5;}
.page-main-add .right  ul li.enable:hover  b{ background:none; color:#6c6c6c;}

.page-main-add .right  .nav { margin:0;padding:0; }
.page-main-add .right  .nav  li{   margin:0;padding:0; position:fixed; z-index:11;}
.page-main-add .right  .nav  li{ display:block;width:100%; height:45px; line-height:45px; background:#fff;  border-bottom:1px solid #e0e0e0;}
.page-main-add .right  .nav  li a { margin:0;padding:0;padding-left:15px; color:#989898;  }

/*页面表单*/

.page-from { margin:40px;}
.page-from  ul { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #f4f4f4;}
.page-from  .col { margin:5px 0;}
.page-from  label.text { display:inline-block; min-width:90px;font-size:14px;  }
.page-from  input.inputtext { padding:10px; height:45px;  border:1px solid #a9c2c5; font-size:14px; }

/*提示*/
.mini3plus_tip { margin:70px auto; padding-left:110px; display: table; font-size:16px; background:url(../../images/statisticsData/womei.png) no-repeat; width:auto; height:170px;   color:#494949;   }
.mini3plus_tip .text { position:relative; margin-top:30px; padding:15px 25px;   background:#f1f2f2; color:#838da4; border-radius:6px;}
.mini3plus_tip .text:after { content:''; display:block; position:absolute; top:19px; left:-16px; background:url(../../images/statisticsData/womei_1.png) no-repeat; width:24px; height:24px; }


/*弹出框*/
.pop-box{ position:absolute; top:50%; left:50%; width:700px; height:480px; margin-top:-240px; margin-left:-350px; background:#fff; box-shadow:0px 0px 16px rgba(0,0,0,0.3); z-index:99;}
.pop-box .pop-til-box{ height:48px; border-bottom:1px solid #e5e5e5;}
.pop-box .pop-til-box .til{ float:left; height:48px; padding-left:20px; line-height:48px; font-size:16px; font-weight:bold; color:#333;}
.pop-box .pop-til-box .pop-close{ float:right; width:24px; height:24px; margin:12px; text-indent:-99999%; display:block; background:url(../images/miniplus_public.png) -180px -144px no-repeat; -moz-opacity:0.6; -ms-opacity:0.6; -webkit-opacity:0.6; opacity:0.6;}
.pop-box .pop-til-box .pop-close:hover{ -moz-opacity:1; -ms-opacity:1; -webkit-opacity:1; opacity:1;}

.pop-box .pop-con-box{ padding-left:20px; height:340px; overflow:hidden;}
.pop-box .pop-foot-box{ height:90px; text-align:center;}
.dis_ib{ display:inline-block;}
.pop-box .pop-foot-box .foot-btn{ float:left; width:120px; height:34px; line-height:34px; margin:20px 10px; border:1px solid #fcaa51; border-radius:3px; color:#fcaa51; background:#fff; text-align:center; display:block;}
.pop-box .pop-foot-box .foot-btn.ora{background:#fcaa51; color:#fff;}

.pop-option-list{ padding:20px 0;}
.pop-option-list ul li{ float:left; width:33.3%; height:40px;}
.pop-option-list ul li .ico-state{ float:left; margin:13px 8px;}
.pop-option-list ul li .t{ float:left; height:40px; line-height:40px; color:#666;}

.pop-tips-gr{ margin:20px 0; margin-right:20px; margin-bottom:0; padding:10px; background:#eef8f5;}
.pop-tips-gr .tips-ico{ float:left; width:24px; height:24px; background:url(../../images/statisticsData/miniplus_public.png) -180px -168px no-repeat; display:block;}
.pop-tips-gr .tips-t{ float:left; height:24px; line-height:24px; color:#21aa82;}

.pop-develop-list{ float:left; width:310px; height:20px;}
.pop-develop-list .til{ height:38px; line-height:38px; font-size:14px; font-weight:bold; color:#4d4d4d;}
.pop-develop-list .search-box{ height:32px; border:1px solid #d9f1ea; background:#f0f8f6;}
.pop-develop-list .search-box .sear-ico{ float:left; width:24px; height:24px; display:block; margin:4px; background:url(../images/miniplus_public.png) -180px -192px no-repeat;}
.pop-develop-list .search-box .sear-sel{ width:274px; height:32px; background:none; border:none;}
.pop-develop-list .develop-table{ border:1px solid #f2f2f2; width:100%; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:auto;}
.pop-develop-list .develop-table.l{ height:270px; border-top:none;}
.pop-develop-list .develop-table.r{ height:302px;}

.pop-develop-list .develop-table .develop-item{ padding:10px 15px; border-bottom:1px solid #f5f5f5;}
.pop-develop-list .develop-table .develop-item:hover{ background:#f0f8f6;}
.pop-develop-list .develop-table .develop-item .item-til{ line-height:20px; color:#444;}
.pop-develop-list .develop-table .develop-item .item-t{ line-height:20px; color:#888;}
.pop-develop-switch { position:relative; float:left; width:40px; height:340px;}
.pop-develop-switch .switch-box{ position:absolute; top:50%; left:50%; margin-top:-20px; margin-left:-15px;}
.pop-develop-switch .switch-ico{ width:30px; height:10px; margin:10px 0; display:block; background:url(../images/statisticsData/switch.png) no-repeat;}
.pop-develop-switch .switch-ico.arrow-r{ background-position:0 0;}
.pop-develop-switch .arrow-r.active{ background-position:0 -10px;}
.pop-develop-switch .switch-ico.arrow-l{ background-position:0 -20px;}
.pop-develop-switch .arrow-l.active{ background-position:0 -30px;}

/*概览/业务转换*/
.view-box{ margin:10px 40px 0px 40px;}
.view-box .view-til{ height:40px; margin-bottom:10px;}
.view-box .view-til .til_box{ position: relative; float:left; width:160px; height:40px; font-size:18px; line-height:40px; color:#222;}
.view-box .view-til .til_box .tips{ position: absolute; top:10px; left: 50px;  width: 22px; height: 22px; background:url(../../images/statisticsData/icon_tips.png) no-repeat;}
.view-box .tips_box{ position: absolute;  top:20px; left: 120px; right: 40px;line-height: 34px; font-size: 13px; color: #eee; padding: 15px; background: #000; opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; -o-opacity: 0.8; border-radius: 0;}

.view-box .view-til .area_box{ float:left; width:220px; height:40px; border-radius:40px; background:#f3f3f3;}
.view-box .view-til .area_box .sel{ width:140px; height:40px;margin:0 20px; line-height:40px; font-size:14px; color:#444;background:none; border:none;}

.view-box .view-til .area_box .selbox{ position: relative; width: 200px; height: 40px; margin:0 20px;}
.view-box .view-til .area_box .selbox .t{ padding-left: 15px; height: 40px;line-height: 40px; font-size: 16px; color: #333;}
.view-box .view-til .area_box .selbox:after{  position: absolute; content: "";  top: 12px; right: 12px; background:url(../../images/statisticsData/icon_arrow_down.png) 0 0 no-repeat; width: 18px; height: 18px; display: block;}
.view-box .view-til .area_box .selbox .sel-option{ position: absolute; top: 40px; left: 0; width: 200px;  max-height: 400px; overflow: scroll; box-shadow: 0 5px 9px rgba(0,0,0,0.3); z-index: 99;}
.view-box .view-til .area_box .selbox .sel-option ul{ background: #fff;}
.view-box .view-til .area_box .selbox .sel-option ul li{ height: 39px; border-bottom: 1px #eee solid;}
.view-box .view-til .area_box .selbox .sel-option ul li a{ padding-left: 15px; color: #666; font-size: 14px; height: 39px; line-height: 38px; display: block;}
.view-box .view-til .area_box .selbox .sel-option ul li a:hover{background: #f6f6f6;}



.view-box .view-til .leixingselect_box{cursor:pointer; float:left; width:120px; height:40px; border-radius:40px; background:#f3f3f3; margin-left: 10px;}
.view-box .view-til .leixingselect_box .sel{ width:140px; height:40px;margin:0 20px; line-height:40px; font-size:14px; color:#444;background:none; border:none;}
.view-box .view-til .leixingselect_box .selbox{ position: relative; width: 120px; height: 40px; /* margin:0 20px; */}
.view-box .view-til .leixingselect_box .selbox .t{ padding-left: 25px; height: 40px;line-height: 40px; font-size: 14px; color: #333;}
.view-box .view-til .leixingselect_box .selbox:after{  position: absolute; content: "";  top: 15px; right: 13px; background:url(../../images/statisticsData/icon_arrow_down.png) 0 0 no-repeat; width: 18px; height: 18px; display: block;}
.view-box .view-til .leixingselect_box .selbox .sel-option{ display:none;position: absolute; top: 40px; left: 10px; width: 100px;  max-height: 400px; /* overflow: scroll; */ box-shadow: 0 5px 9px rgba(0,0,0,0.3); z-index: 99;}
.view-box .view-til .leixingselect_box .selbox .sel-option ul{ background: #fff;}
.view-box .view-til .leixingselect_box .selbox .sel-option ul li{ height: 39px; border-bottom: 1px #eee solid;}
.view-box .view-til .leixingselect_box .selbox .sel-option ul li a{ padding-left: 15px; color: #666; font-size: 14px; height: 39px; line-height: 38px; display: block;}
.view-box .view-til .leixingselect_box .selbox .sel-option ul li a:hover{background: #f6f6f6;}

.view-box .view-til .yewuselect_box{ cursor:pointer;float:left; width:190px; height:40px; border-radius:40px; background:#f3f3f3; margin-left: 10px;}
.view-box .view-til .yewuselect_box .sel{ width:140px; height:40px;margin:0 20px; line-height:40px; font-size:14px; color:#444;background:none; border:none;}
.view-box .view-til .yewuselect_box .selbox{ position: relative; width: 190px; height: 40px; /* margin:0 20px; */}
.view-box .view-til .yewuselect_box .selbox .t{ padding-left: 25px; height: 40px;line-height: 40px; font-size: 14px; color: #333;}
.view-box .view-til .yewuselect_box .selbox:after{  position: absolute; content: "";  top: 15px; right: 13px; background:url(../../images/statisticsData/icon_arrow_down.png) 0 0 no-repeat; width: 18px; height: 18px; display: block;}
.view-box .view-til .yewuselect_box .selbox .sel-option{display:none; position: absolute; top: 40px; left: 10px; width: 170px;  max-height: 400px; /* overflow: scroll; */ box-shadow: 0 5px 9px rgba(0,0,0,0.3); z-index: 99;}
.view-box .view-til .yewuselect_box .selbox .sel-option ul{ background: #fff;}
.view-box .view-til .yewuselect_box .selbox .sel-option ul li{ height: 39px; border-bottom: 1px #eee solid;}
.view-box .view-til .yewuselect_box .selbox .sel-option ul li a{ padding-left: 15px; color: #666; font-size: 14px; height: 39px; line-height: 38px; display: block;}
.view-box .view-til .yewuselect_box .selbox .sel-option ul li a:hover{background: #f6f6f6;}





.downico{ float:right; width:15px; height:8px; background:url(../../images/statisticsData/icon_arrow.png) 0 0 no-repeat ;
 margin:15px 18px 0px 0px; display:block;}

.view-box .view-data{ padding:5px 0; border-bottom:1px solid #e0e0e0;}
.view-box .view-data.nobr{ border:none;}
.view-box .view-data ul{ padding-bottom:10px;}
.view-box .view-data ul li{ float:left; width:20%; text-align:center;}
.view-box .data-list .data-icon{ float:left; width:65px; height:65px; display:block; margin-right:10px;}
.view-box .data-list .data-icon.enroll{ background:url(../../images/statisticsData/icon_enroll.png) center center no-repeat;}
.view-box .data-list .data-icon.manager{ background:url(../../images/statisticsData/icon_manager.png) center center no-repeat;}
.view-box .data-list .data-icon.today{ background:url(../../images/statisticsData/icon_today.png) center center no-repeat;}
.view-box .data-list .data-icon.average{ background:url(../../images/statisticsData/icon_average.png) center center no-repeat;}
.view-box .data-list .data-icon.proportion{ background:url(../../images/statisticsData/icon_proportion.png) center center no-repeat;}
.view-box .data-list .data-txt{ float:left; display: inline-block;}
.view-box .data-list .data-til{ height:25px; line-height:20px; color:#555; font-size:14px;}
.view-box .data-list .data-value{ height:40px; font-weight:bold; line-height:40px; color:#222; font-size:36px;}
.view-box .data-tab{ float:right; margin:13px 0;}
.view-box .data-tab ul li{ float:left; border-right:1px solid #e2e2e2;}
.view-box .data-tab ul li:last-child{ border:none;}
.view-box .data-tab ul li a{ height:14px; line-height:14px; color:#acacac; padding:0 35px;}
.view-box .data-tab ul li.active a{ color:#222; font-weight:bold;}
.view-box .data-tab ul li a:hover{ color:#888; text-decoration: none !important;}
.view-box .data-tab ul li.active a:hover{ color:#222;}
.view-box .data-tab-con{ padding:5px 0;}
.view-box .data-half{ float:left; width:50%;}

